<!--
  Generated template for the LoginPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar color="primary">
    <ion-title>登录</ion-title>
  </ion-navbar>
</ion-header>

<ion-content style="background:#1a2a44">
  <img src="./assets/imgs/logo.fw.png" alt="" class="image">
  <div class="div">
    <h3>中国-苏州奥林匹克体育中心</h3>
    <h3>在线监测系统</h3>
    <h5>游泳馆</h5>
  </div>

<form [formGroup]="login" (ngSubmit)="onSubmit()">
  <div padding>
    <ion-item>
        <ion-label fixed>账号</ion-label>
        <ion-input type="text" formControlName="username" #username></ion-input>
      </ion-item>
      <ion-item>
        <ion-label fixed>密码</ion-label>
        <ion-input type="password" formControlName="password"  #password></ion-input>
      </ion-item>
      <!-- <ion-item no-lines>
        <label item-right>记住密码</label>
        <ion-toggle></ion-toggle>
      </ion-item> -->
      <div nz-form-item nz-row>
        <div nz-form-control nz-col class="longin_title">
          <div nz-form-explain *ngIf="message?.length > 0">{{message}}</div>
        </div>
      </div>
      
      <div style="text-align: center; margin-top:20px;" >
        <button ion-button block color="danger">
          登录
        </button>
      </div>
</div>
  
</form>



</ion-content>



<!--    <ion-list>
    
      <ion-item>
        <ion-label>Username</ion-label>
        <ion-input type="text"></ion-input>
      </ion-item>
    
      <ion-item>
        <ion-label>Password</ion-label>
        <ion-input type="password"></ion-input>
      </ion-item>
    
    </ion-list>

    <ion-item>
      <ion-label>开始时间</ion-label>
      <ion-datetime displayFormat="MMM DD, YYYY HH:mm" [(ngModel)]="myDate1"></ion-datetime>
    </ion-item>
    <ion-item>
      <ion-label>结束时间</ion-label>
      <ion-datetime displayFormat="MMM DD, YYYY HH:mm" [(ngModel)]="myDate2"></ion-datetime>
    </ion-item>


</ion-content> -->
